<template>
	<view>
		<view class="upBox">
			<text class="rowTitle">3，默认值，默认3列</text>
			<hlUploadImg ref="hlUploadImg" :imgList="oldImgList"></hlUploadImg>
			
			<text class="rowTitle">2列</text>
			<hlUploadImg ref="hlUploadImg" :columNum="2" :imgList="oldImgList1"></hlUploadImg>
			
			<text class="rowTitle">4列</text>
			<hlUploadImg ref="hlUploadImg" :columNum="4" :imgList="oldImgList2"></hlUploadImg>
			
			<text class="mark">注意：</text>
			<text class="markDetail">1.列数建议最多设置不要大于5列，否则图片太小样式不美观</text>
			<text class="markDetail">2.当列数比较小比如2时，如果图片太大，可以适当增加间距，或者自定义图片的样式</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				oldImgList:[
					'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg',
					'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3876535482,3811402221&fm=11&gp=0.jpg'
				],
				oldImgList1:[
					'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3876535482,3811402221&fm=11&gp=0.jpg'
				],
				oldImgList2:[
					'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2583035764,1571388243&fm=26&gp=0.jpg',
					'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3876535482,3811402221&fm=11&gp=0.jpg',
					'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1606842373521&di=511ba5c1b03af89595b78b36a83ff9f7&imgtype=0&src=http%3A%2F%2Fa1.att.hudong.com%2F23%2F53%2F01300542749023141439532348370.jpg'
				],
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
